Forum PHP.pl

Witam

Nie mogę znaleźć w internecie, a sam całkowicie nie mam głowy jak powinienem napisać skrypt JS aby wykrywał opcję wybraną w <SELECT>.
Dodam, że używam biblioteki JQuery.

[HTML] pobierz, plaintext 
<select class="listaMozliwosci">
<option value="opcja1">Wyswietl obrazki</option>
<option value="opcja2">Wyswietl tekst</option>
<option value="opcja3">Weź kredyt 200%</option>
</select>
[HTML] pobierz, plaintext 

Chodzi o coś takiego, że po wybraniu którejś z opcji, zostaje uruchomiona funkcja, która najpierw za pomocą testu "if(...)", sprawdza jaka opcja została wykonana a później np w odpowiednim DIV'ie umieszcza jakąś treść, lub ją wyłącza itp.

Z góry dziękuję.

Przyda Ci się zdarzenie change

Wciąż nic.

Mam coś takiego:

[HTML] pobierz, plaintext 
<div id="oknaDynamiczne">
<div class="oknoC"> // Począwszy od tego znacznika aż po ostatni najgłębiej zagnieżdżony, jest dodawany za pomocą AJAXa.
<div class="budynekAdministracyjny">
<input type="hidden" value2="Miasteczko" value="SSI7" name="aktualnaInstancja">
<input type="hidden" value2="0" value="0:LU01DS1" name="IDinfrastruktury">
<h3>Dom Starszyzny</h3>
<div class="menuBudynku">
<div class="podglad">
<div class="menuAdministracja">
<div class="podgladAdministracja">
<h3>Finanse i zasoby Miasteczko</h3>
<h4 style="text-align:center;">Projekt nowej iwnestycji:</h4>
<table style="margin:auto auto 20px;">
<tbody>
<tr>
<tr>
<tr>
<td>Rodzaj inwestycji:</td>
<td>
<select style="width:297px;">
<option value="wybierzInwestycje">Wybierz rodzaj inwestycji</option>
<option value="INW01infr">Infrastruktura</option>
</select>
</td>
</tr>
</tbody>
</table>
<div class="rozwiniecieInwestycji"></div>
<table></table>
<table style="width:580px;margin:auto;">
<table style="width:580px;margin:auto;">
<table style="width:600px;border:1px solid black;text-align:center;margin:auto auto 30px;">
<table style="width:600px;border:1px solid black;text-align:center;margin:auto auto 30px;">
</div>
</div>
</div>
</div>
</div>
[HTML] pobierz, plaintext 

Problem jest w tym, że zwykłe change nie działa, gdy cały select znajduje się od początku na stronie, lecz moja strona jest uzupełniana dynamicznie za pomocą AJAXa.
Próbowałem także z kombinacją:

[HTML] pobierz, plaintext 
$('#oknaDynamiczne').on('change', '.rodzajInwestycji', function(){
[HTML] pobierz, plaintext 

Nie mam pojęcia co robić. Chyba rzucę to w **** i wyjadę w Bieszczady.

Ten post edytował castagir 25.07.2015, 16:03:48

to może dodaj tą klasę "rodzajInwestycji" to swojego selecta .... bo delegujesz event do obiektu, którego nie ma w Twoim kodzie

fakt. Nie dodałem class do znacnzika SELECT.

Mimo to wciąż nic się nie dzieje. Ani rozwiązanie:

[HTML] pobierz, plaintext 
$('#oknaDynamiczne').on('change', '.rodzajInwestycji', function(){...});
[HTML] pobierz, plaintext 

ani:

[HTML] pobierz, plaintext 
$('.rodzajInwestycji').change(function(){...});
[HTML] pobierz, plaintext 

hmm.. gdy ładujesz dynamicznie pierwsza opcja powinna działać ... druga nie ...

ale tego div#oknaDynamiczne masz od początku i do niego ładujesz content ?

div #oknaDynamiczne jest od samego początku.

Ładuję wszystkie funkcje za pomocą pierwszego sposobu, ładując content włąśnie od tego diva i działają. Nie wiem dlaczego to akurat nie działa

może tak głupio zapytam - ale skąd wiesz, że nie działa ? wypluwasz coś sobie do konsoli by to sprawdzić ?

zawsze dodaje w funkcji alert z jakimś napisem, na znak, że funkcja zadziałała. Niestety nic się nie pokazuje

Ten post edytował castagir 25.07.2015, 18:16:45

Działa wreszcie. Będę musiał po prostu funkcję umieścić w poprzednim zapytaniu ajaxa i po problemie (IMG:style_emoticons/default/biggrin.gif)
Dzięki za pomoc i czas poświęcony.

to Ty dynamicznie też dodajesz JS a nie sam content ?
jak już skończysz podeślij mi link na PW - z czystej ciekawości chciałbym zobaczyć ten problem :-)